<!DOCTYPE html>
<html>
<head>
<title>Tetris Experiment</title>

<link rel="stylesheet" type="text/css" href="style.css" />
<script type="application/javascript" src="tetra.js"></script>
<script type="application/javascript" src="controls.js"></script>
<script type="application/javascript" src="shapes.js"></script>

</head>
<body onload="draw();">
<div id="container">
 <h1>Tetra Canvas</h1>
  <canvas id="tetraCanvas" width="400" height="600" style="border:2px solid black">
   <p>Your browser does not support the Canvas HTML element, or it is somehow disabled. If you were using a browser which supported canvas, you would be able to play a Tetris&reg;-like game. You might try installing a recent Gecko or Webkit based browser (like Firefox or Chrome/Chromium), or petitioning Microsoft to support Canvas in Internet Explorer.</p>
  </canvas>
  <div id="Instructions">
   <h2>Instructions:</h2>
   <ul>
    <li><h3>Controls:</h3><ul>
     <li>cursor keys, or 'J', 'K', and 'L': move the block left, down, and right.</li>
     <li>[UP], or 'A' and 'D': rotate the block</li>
     <li>'p': pause the game.</li>
     <li>'n': (while paused or after game-over) new game.</li>
     <li>[SPACEBAR]: drop.</li></ul></li>
    <li>Create rows of blocks to score points; the more rows you make at once, the more points you get.</li>
    <li>Try to get four rows at once for a big bonus.</li>
    <li>Have fun!</li>
   </ul>
   <p id="tmNote" class="note">Tetris&reg; is a registered trademark of Tetris Holding. Additionally, Tetris Holding is in no way affiliated with the maker(s) of this game.</p>
  </div>
</div>
</body>
</html>
